<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="resource/css/animate.css" rel="stylesheet" type="text/css">
    <link href="resource/css/main.css" rel="stylesheet" type="text/css">
</head>
<body class="search">
   <div class="close_back animated rotateIn">
      <a href="index.html"><img src="resource/image/cancel.png"></a>
   </div>
   <div class="content">
       <div class="search-input animated fadeInLeft">
           <span>SEARCH </span> "<span> design </span> "
       </div>
       <div class="search-result">
           <ul class="animated fadeIn">
               <li class="search-list">
                   <div class="label">
                      Design
                   </div>
                   <div class="name">
                       <a href="productInfo.html">ALL LE OF MY EYE</a>
                   </div>
               </li>
               <li class="search-list">
                   <div class="label">
                       Design
                   </div>
                   <div class="name">
                       <a href="productInfo.html">Home Deco</a>
                   </div>
               </li>
           </ul>
       </div>
   </div>
</body>
<script src="resource/js/jquery-3.2.1.min.js"></script>
<script src="resource/js/swiper.js"></script>
<script src="resource/js/main.js"></script>
</html>